<template>
    <div class="container">
        <el-container>
            <el-header>抵押权人信息</el-header>
        <el-main> 
            <el-form :size="size" inline :label-width="labelWidth">
                <el-row :gutter="10">
                    <el-col :span="6">
                        <el-form-item label="法人名称：">
                            <el-input v-model="dyqrxxform.frmc"></el-input>
                        </el-form-item>                         
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="法人电话：">
                            <el-input v-model="dyqrxxform.frdh"></el-input>
                        </el-form-item> 
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="法人证件类型：">
                            <el-select v-model="dyqrxxform.frzjlx" placeholder="请选择证件类型">
                                <el-option label="类型一" value="lx1"></el-option>
                                <el-option label="类型二" value="lx2"></el-option>
                            </el-select>
                        </el-form-item>                         
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="法人证件号：">
                            <el-input v-model="dyqrxxform.frzjh"></el-input>
                        </el-form-item>                         
                    </el-col>
                </el-row>

                <el-row :gutter="10">
                    <el-col :span="6">
                        <el-form-item label="代理人名称：">
                            <el-input v-model="dyqrxxform.dlrmc"></el-input>
                        </el-form-item>                         
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="代理人电话：">
                            <el-input v-model="dyqrxxform.dlrdh"></el-input>
                        </el-form-item> 
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="代理人证件类型：">
                            <el-select v-model="dyqrxxform.dlrzjlx" placeholder="请选择证件类型">
                                <el-option label="类型一" value="lx1"></el-option>
                                <el-option label="类型二" value="lx2"></el-option>
                            </el-select>
                        </el-form-item>                         
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="代理人证件号：">
                            <el-input v-model="dyqrxxform.dlrzjh"></el-input>
                        </el-form-item>                         
                    </el-col>
                </el-row>

                <el-row :gutter="10">
                    <el-col :span="6">
                        <el-form-item label="权利人类型：">
                            <el-select v-model="dyqrxxform.qlrlx" placeholder="请选择权利人类型">
                                <el-option label="类型一" value="lx1"></el-option>
                                <el-option label="类型二" value="lx2"></el-option>
                            </el-select>
                        </el-form-item> 
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="权利人电话：">
                            <el-input v-model="dyqrxxform.qlrdh"></el-input>
                        </el-form-item> 
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="权利人证件号：">
                            <el-input v-model="dyqrxxform.zjh"></el-input>
                        </el-form-item>                         
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="权利人证件类型：">
                            <el-select v-model="dyqrxxform.zjzl" placeholder="请选择类型">
                                <el-option label="类型一" value="lx1"></el-option>
                                <el-option label="类型二" value="lx2"></el-option>
                            </el-select>
                        </el-form-item> 
                    </el-col>
                </el-row>

                <el-row :gutter="10">
                    <el-col :span="6">
                        <el-form-item label="抵押权人名称：">
                            <el-input v-model="dyqrxxform.qlrmc"></el-input>
                        </el-form-item>                         
                    </el-col>
                    <el-col :span="18">
                        <el-form-item label="通讯地址：">
                            <el-input type="textarea" v-model="dyqrxxform.txdz"></el-input>
                        </el-form-item> 
                    </el-col>
                </el-row>
            </el-form>
        </el-main>
        </el-container>
    </div>
</template>

<script> 

export default {
    name: "DyqrForm", /** 抵押权人组件 */
    props:['index', 'item'],  /** 接收父组件传递过来的参数 */
    components: {},
    data() {
        return {
            labelWidth:{
                type:String,
                default:'150px'
            },
            size:{
                type:String,
                default:'medium'
            },

            /**
             * 抵押权人信息
             */
            dyqrxxform:{
                frmc:'',
                frdh:'',
                frzjlx:'',
                frzjh:'',
                dlrdh:'',
                dlrzjzl:'',
                dlrmc:'',
                zjzl:'',
                zjh:'',
                qlrmc:'',
                qlrlx:'',
                dh:'',
                txdz:''
            },
            rules:{

            }
        };
    },
    computed: {},
    watch: {},
    methods: {
 
    },
    created() {},
    mounted() {},
    beforeCreate() {},
    beforeMount() {},
    beforeUpdate() {},
    updated() {},
    beforeDestroy() {},
    destroyed() {},
    activated() {},
    }
</script>
<style lang='scss' scoped>
//@import url(); 引入公共css类
 .el-header {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 60px;
  }

  .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: left;
    line-height: 100px;
  }

  .el-main >>> .el-input {
      width: 240px;
  } 

</style>